<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p {
            font-family: 'Microsoft YaHei';
        }
        .fontClass {
            font-style: italic;
            font-size: 20px;
            font-family:'Times New Roman', Times, serif;
            font-weight: 600;
            /* font: italic 600 20px 'Times New Roman'; */
        }
    </style>
</head>

<body>
    <!-- 
        CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式（如斜体)。
        
        3.1 字体系列

            CSS使用font-family属性定义文本的字体系列。

            p { font-family:"微软雅黑"; }

            div {font-family: Arial, "Microsoft rahei"，"微软雅黑";}

            各种字体之间必须使用英文状态下的逗号隔开

            一般情况下,如果有空格隔开的多个单词组成的字体,加引号.

            尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示

            最常见的几个字体: 
            body {
                font-family.' Microsoft YaHei' ,tahoma,arial;'Hiragino Sans GB';
            }

     -->

    <h4>各种字体之间必须使用英文状态下的逗号隔开</h4>
    <p>一般情况下,如果有空格隔开的多个单词组成的字体,加引号.</p>
    <p>尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示</p>

    <!-- 
        3.2 字体大小

            CSS使用font-size属性定义字体大小。
            p {
                font-size: 20px;
            }
            px(像素)大小是我们网页的最常用的单位
            谷歌浏览器默认的文字大小为16px
            不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小
            可以给body指定整个页面文字的大小
     -->


     <!-- 
        CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。
        
        3.3 字体粗细

            CSS使用font-weight属性设置文本字体的粗细。

            p {
                font-weight: bold;
            }

            normal        默认值(不加粗的)
            bold          定义粗体(加粗的)
            100~900       400等同于normal，而700等同于bold注意这个数字后面不跟单位

            学会让加粗标签（比如h和strong等)不加粗，或者其他标签加粗


            语法:
            font-weight : normal | bold | bolder | lighter | number
            参数:
            normal :正常的字体。相当于number为400。声明此值将取消之前任何设置
            bold :粗体。相当于number为700。也相当于b对象的作用
            bolder : IE5+特粗体
            lighter : IE5+细体
            number : IE5+100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
      -->

      <p style="font-weight: 600;">1234</p>

      <!-- 
        CSSFonts (字体)属性用于定义字体系列、大小、粗细、和文字样式(如斜体)。

        3.4 文字样式

            CSS使用font-style属性设置文本的风格。
            p {
                font-style: normal;
            }

            normal        默认值，浏览器会显示标准的字体样式font-style: normal;
            italic        浏览器会显示斜体的字体样式。
            注意∶平时我们很少给文字加斜体，反而要给斜体标签( em, i)改为不倾斜字体。

       -->


       <!-- 
        3.5 字体复合属性

            字体属性可以把以上文字样式综合来写,这样可以更节约代码:
            body {
                font: font-style font-weight font-size/line-height font-family;
            }
            使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，并且各个属性间以空格隔开
            不需要设置的属性可以省略（取默认值），但必须保留font-size和 font-family属性，否则font属性将不起作用
        -->
        <p class="fontClass">不需要设置的属性可以省略（取默认值）</p>

        <!-- 
            3.6 字体属性总结

            属性            表示            注意点
            font-size       字号            我们通常用的单位是px像素，一定要跟上单位
            font-family     字体            实际工作中按照团队约定来写字体
            font-weight     字体粗细        记住加粗是700或者bold, 不加粗是normal 或者400记住数字不要跟单位
            font-style      字体样式        记住倾斜是italic不倾斜是normal工作中我们最常用normal
            font            字体连写        1.字体连写是有顺序的不能随意换位置⒉.其中字号和字体必须同时出现

         -->
</body>

</html>